<template>
  <Wrapper title="上传（时间原因，该组件暂未完全开发完成）">
    <el-card
      shadow="never"
      header="上传图像示例"
    >
      <el-space
        :size="30"
        wrap
      >
        <upload
          v-model="fileUrl"
          action="https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15"
        />
        <upload
          v-model="fileUrl2"
          icon="Upload"
          title="自定义标题和图标"
          icon-size="36"
        />
        <upload
          v-model="fileUrl3"
          round
          title="圆形样式"
        />
      </el-space>
    </el-card>

    <el-card
      header="上传文件示例"
      shadow="never"
      class="card-box"
    >
      <el-row>
        <upload-file
          tag="button"
          title="button示例"
        />
      </el-row>
      <el-row>
        <upload-file
          tag="card"
          title="card示例"
        />
      </el-row>
    </el-card>
  </Wrapper>
</template>

<script setup>
import Upload from '@/components/upload'
import UploadFile from '@/components/upload/file'

const fileUrl = ref([])
const fileUrl2 = ref([])
const fileUrl3 = ref([])
</script>
